// +----------------------------------------------------------------------
// | LikeShop100%开源免费商用电商系统
// +----------------------------------------------------------------------
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
// | 开源版本可自由商用，可去除界面版权logo
// | 商业版本务必购买商业授权，以免引起法律纠纷
// | 禁止对系统程序代码以任何目的，任何形式的再发布
// | Gitee下载：https://gitee.com/likemarket/likeshopv2
// | 访问官网：https://www.likemarket.net
// | 访问社区：https://home.likemarket.net
// | 访问手册：http://doc.likemarket.net
// | 微信公众号：好象科技
// | 好象科技开发团队 版权所有 拥有最终解释权
// +----------------------------------------------------------------------
// | Author: LikeShopTeam
// +----------------------------------------------------------------------
import { getRect } from '../../utils/wxutil'
Component({
    /**
     * 组件的属性列表
     */
    properties: {
        list: {
            type: Array,
            value: [],
            observer: function () {
                getRect(".goods-like", false, this).then(res => {
                    this.rectWidth = res.width
                });
            }
        }
    },

    /**
     * 组件的初始数据
     */
    data: {
        progressPer: 0
    },
  
    /**
     * 组件的方法列表
     */
    methods: {
        scrollBarChange(e) {
            let { progressPer } = this.data
            let { scrollLeft, scrollWidth } = e.detail;
            progressPer = (scrollLeft / (scrollWidth - this.rectWidth)) * 100;
            progressPer = progressPer.toFixed(0)
            this.setData({ progressPer: progressPer });
        },
    }
})
